// clear float
@mixin clearfix {
    clear: both;
    &::after {
        display: block;
        content: "";
        clear: both;
    }
}

// text overflow
@mixin text-overflow {
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
}

// Sizing shortcuts
@mixin size($width, $height: $width) {
    width: $width;
    height: $height;
}

// height
@mixin height($height: 20px) {
    height: $height;
    line-height: $height;
}

// diplay inline block
@mixin display-inline-block {
    display: inline-block;
    *display: inline;
    zoom: 1;
}

@mixin hover-focus {
    @if $enable-hover-media-query {
        &:focus {
            @content
        }
        @include hover {
            @content
        }
    }
    @else {
        &:focus, &:hover {
            @content
        }
    }
}
